<template>
    <div class="hello">

        <img alt="Vue logo" src="../assets/logo.png">
        <h1>欢迎使用缝制传票打印系统</h1>
        <p>
            为了更好的使用，请仔细阅读相关<a href="https://note.youdao.com/ynoteshare/index.html?id=8f3bdd4ed393a4954fc1f02bcc44d625&type=note&_time=1645088670083">《操作手册》</a>
        </p>
        <h3>
            <router-link to="home">开始使用</router-link>
        </h3>
        <p>
            软件开发不易，请及时支付相关服务费用
        </p>
    </div>
</template>

<script>
    export default {
        name: 'HelloWorld',
        props: {
            msg: String
        },
        methods: {
            start: function () {
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .hello{
        text-align: center;
    }
    h3 {
        margin: 40px 0 0;
    }

    ul {
        list-style-type: none;
        padding: 0;
    }

    li {
        display: inline-block;
        margin: 0 10px;
    }

    a {
        color: #42b983;
    }
</style>
